<template>
  <div>
    <div style="margin-top: 10px;margin-left: 20px;height: 100%">
      <el-tabs v-model="activeName"  @tab-click="handleClick" >
        <el-tab-pane label="待审批" name="first">
          <el-table-column type="index" width="55" align="center" label="序号" />
          <el-table
            :data="approvalList"
            height="500px"
            border
            style="width: 60%">
            <el-table-column
              prop="subscribePatternName"
              label="待办项"
              width="180">
            </el-table-column>
            <el-table-column
              prop="serialNum"
              label="单号"
              width="180">
            </el-table-column>
            <el-table-column
              prop="username"
              label="创建人">
            </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-button type="text" @click="clickInfo(scope.row)">
                  查看详情
                </el-button>
                <el-button type="text" @click="openApprover(scope.row)">
                  查看进度
                </el-button>
              </template>
            </el-table-column>
          </el-table>

        </el-tab-pane>
        <el-tab-pane label="待查看" name="second">
          <el-table-column type="index" width="55" align="center" label="序号" />
          <el-table
            :data="copyList"
            height="500px"
            border
            style="width: 60%">
            <el-table-column
              prop="subscribePatternName"
              label="待办项"
              width="180">
            </el-table-column>
            <el-table-column
              prop="serialNum"
              label="单号"
              width="180">
            </el-table-column>
            <el-table-column
              prop="username"
              label="创建人">
            </el-table-column>
            <el-table-column
              prop="copyerStatus"
              :filters="[{ text: '已读', value: '0' }, { text: '未读', value: '1' }]"
              :filter-method="filterTag"
              label="状态">
              <template slot-scope="scope">
                <el-button type="text" v-if="scope.row.copyerStatus==='0'">未读</el-button>
                <el-button type="text" v-if="scope.row.copyerStatus==='1'">已读</el-button>
              </template>
            </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-button type="text" @click="copyInfo(scope.row)">
                  查看详情
                </el-button>
<!--                <el-button type="text" @click="openApprover(scope.row)">-->
<!--                  查看进度-->
<!--                </el-button>-->
              </template>
            </el-table-column>
          </el-table>
        </el-tab-pane>
        <el-tab-pane label="已提交" name="third">

          <el-table
            :data="approvalSponorList"
            height="700px"
            border
            style="width: 60%">
            <el-table-column type="index" width="55" align="center" label="序号" />
            <el-table-column
              prop="subscribePatternName"
              label="待办项"
              width="180">
            </el-table-column>
            <el-table-column
              prop="serialNum"
              label="单号"
              width="180">
            </el-table-column>
            <el-table-column
              prop="username"
              label="创建人">
            </el-table-column>
            <el-table-column label="撤回/再次提交" width="100px" style="">
              <template slot-scope="scope">
                <el-button type="text" style="color:red" @click="recallFn(scope.row)">撤回</el-button>
<!--                <el-button   type="text" style="color:limegreen"  @click="readdFn(scope.row)">再次提交</el-button>-->
              </template>

            </el-table-column>
            <el-table-column label="操作" width="250px">
              <template slot-scope="scope">
                <el-button type="text" @click="clickInfo(scope.row)">
                  查看详情
                </el-button>
                <el-button type="text" @click="openApprover(scope.row)">
                  查看进度
                </el-button>
              </template>
            </el-table-column>
          </el-table>
        </el-tab-pane>
        <el-tab-pane label="已处理" name="fourth">
          <el-table-column type="index" width="55" align="center" label="序号" />
          <el-table
            :data="ProcessedList"
            height="500px"
            border
            style="width: 60%">
            <el-table-column
              prop="subscribePatternName"
              label="待办项"
              width="180">
            </el-table-column>
            <el-table-column
              prop="serialNum"
              label="单号"
              width="180">
            </el-table-column>
            <el-table-column
              prop="username"
              label="创建人">
            </el-table-column>

            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-button type="text" @click="clickInfo(scope.row)">
                  查看详情
                </el-button>
                <el-button type="text" @click="openApprover(scope.row)">
                  查看进度
                </el-button>

              </template>
            </el-table-column>


          </el-table>

        </el-tab-pane>
      </el-tabs>
    </div>
<!--报销单-->
    <el-dialog title="报销单详情" :visible.sync="reimburseShow" inline width="40%" append-to-body  >
      <reimburse :form="form" ></reimburse>
    </el-dialog>
    <!-- 法务审批-->
    <el-dialog title="法务审批详情" :visible.sync="contracteShow" inline width="40%" append-to-body  >
      <contract :form="form" ></contract>
    </el-dialog>
<!-- 通用-->
    <el-dialog title="通用详情" :visible.sync="currencyShow" inline width="40%" append-to-body  >
      <currency :form="form"></currency>
    </el-dialog>
<!-- 请假-->
    <el-dialog title="请假详情" :visible.sync="leaveShow" inline width="40%" append-to-body  >
      <leave :form="form"></leave>
    </el-dialog>
<!--调职-->
    <el-dialog title="调职详情 " :visible.sync="adjustmentShow" inline width="40%" append-to-body  >
      <adjustment :form="form"></adjustment>
    </el-dialog>
<!--培训-->
    <el-dialog title="培训详情" :visible.sync="trainShow" inline width="40%" append-to-body  >
      <train :form="form"></train>
    </el-dialog>
<!--出差-->
    <el-dialog title="出差详情" :visible.sync="evectionShow" inline width="40%" append-to-body  >
      <evection :form="form"></evection>
    </el-dialog>
<!--    采购-->
    <el-dialog title="采购详情" :visible.sync="purchaseShow" inline width="40%" append-to-body  >
      <purchase :form="form"></purchase>
    </el-dialog>
    <!--    入职申请详情-->
    <el-dialog title="入职申请详情" :visible.sync="entryShow" inline width="40%" append-to-body  >
      <oaEntry :form="form"></oaEntry>
    </el-dialog>
    <!--    离职申请详情-->
    <el-dialog title="离职申请详情" :visible.sync="dimissionShow" inline width="40%" append-to-body  >
      <oaDimission :form="form"></oaDimission>
    </el-dialog>
    <!-- 进度弹框-->
    <el-dialog   title="查看进度"   :visible.sync="showApprove" width="60%" append-to-body @close="close">

      <el-steps :active="active" align-center>
        <el-step v-for="item in approvalOptions" :title="item.approverName" :description="item.remark?item.remark:item.deferredRemark"></el-step>
      </el-steps>
      <div style="margin-left: 100px">抄送人:</div>
    <div style="margin-left: 200px">
      <div v-for="item in copyerOptions" style="position: relative;width: 60px ;display: inline-block">
        <el-avatar style="color: #FFFFFF;background-color: cornflowerblue;"> {{item.copyerName.substr(0,1) }} </el-avatar>
        <i v-if="item.copyerStatus==='1'" class="el-icon-success"  style="position: absolute;right: 15px;top: 1px;color: limegreen"></i>
      </div>

    </div>

      <div v-if="buttonShow" style="width: 500px;margin-left: 270px;margin-top: 50px" >
        <el-button style="display: inline-block"  icon="el-icon-check" type="success" sizi="mini" @click="textShow=true">通过</el-button>
        <el-button style="display: inline-block"  icon="el-icon-close" type="danger" sizi="mini" @click="textNOShow=true">驳回</el-button>
        <el-button style="display: inline-block"  icon="el-icon-loading" type="warning" sizi="mini" @click="deferredShow=true">延迟处理</el-button>
      </div>
    </el-dialog>
    <!--    审批意见框-->
    <el-dialog title="审批意见" :visible.sync="textShow" width="60%" append-to-body>
      <el-input style="width: 80%;height: 200px" type="textarea" placeholder="请填写审批意见" v-model="textArea"></el-input>
        <div>
          <span style="margin-right: 20px">是否增加审批人：</span>
          <el-radio @input="inputfn" v-model="radio" label="1">是</el-radio>
          <el-radio @input="inputfn" v-model="radio" label="2">否</el-radio>
        </div>
        <div v-if="radio==1">
          <span style="margin-right: 20px">请选择审批人</span>
          <el-select @change="changeuseroptions" v-model="value1" multiple placeholder="请选择">
            <el-option
              v-for="item in userlistoptions"
              :key="item.userId"
              :label="item.userName"
              :value="item.userId">
            </el-option>
          </el-select>
        </div>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="approvalFn">确 定</el-button>
        <el-button @click="textClear">取 消</el-button>
      </div>
    </el-dialog>
    <!--    驳回-->
    <el-dialog title="驳回原因" :visible.sync="textNOShow" width="60%" append-to-body>
      <el-input style="width: 80%;height: 200px" type="textarea" placeholder="请填写审批意见" v-model="textArea"></el-input>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="approvalNoFn">确 定</el-button>
        <el-button @click="textClear">取 消</el-button>
      </div>
    </el-dialog>
    <!--    延时处理-->
    <el-dialog title="延迟原因" :visible.sync="deferredShow" width="60%" append-to-body>
      <el-input style="width: 80%;height: 200px" type="textarea" placeholder="延迟原因" v-model="deferredRemark"></el-input>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="deferredNoFn">确 定</el-button>
        <el-button @click="deferredClear">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import {listRecord, updateRecord,getrRescordProcessedList,listRecordSponorList} from '@/api/module/record'
import {getReimburse,listReimburse} from '@/api/module/reimburse'
import {listAdjustment, getAdjustment, delAdjustment, addAdjustment, updateAdjustment} from "@/api/module/adjustment";
import { listContract, getContract, delContract, addContract, updateContract } from "@/api/module/contract";
import { listCurrency, getCurrency, delCurrency, addCurrency, updateCurrency } from "@/api/module/currency";
import {listEvection, getEvection, delEvection, addEvection, updateEvection} from "@/api/module/evection";
import {listLeave, getLeave, delLeave, addLeave, updateLeave} from "@/api/module/leave";
import { listTrain, getTrain, delTrain, addTrain, updateTrain } from "@/api/module/train";
import { listOaEntry,} from "@/api/module/oaEntry";
import { listOaDimission,} from "@/api/module/oaDimission";
import{getDicts} from "@/api/system/dict/data";
// import {listPost} from '@/api/system/post'
import {copyrecodUpdata,listCopy} from '@/api/module/copy'
import reimburse from "@/views/module/backlog/reimburse";
import adjustment from "@/views/module/backlog/adjustment";
import contract from "@/views/module/backlog/contract";
import currency from "@/views/module/backlog/currency";
import evection from "@/views/module/backlog/evection";
import leave from "@/views/module/backlog/leave";
import train from "@/views/module/backlog/train";
import  purchase from '@/views/module/backlog/purchase';
import  oaEntry from '@/views/module/backlog/oaEntry';
import  oaDimission from '@/views/module/backlog/oaDimission';
import {deptTreeSelect,getuserrank} from "@/api/system/user";
import {listPost} from "@/api/system/post";
import  {listPurchase} from '@/api/module/purchase'

// import {listCopy}
export default {
  name: "backlog",
  components:{reimburse,adjustment,contract,currency,evection,leave,train,purchase,oaEntry,oaDimission},
  data(){
    return{
      buttonShow:false,
      deferredRemark:'',
      deferredShow:false,
      activeName: 'first',
      approvalList:[],
      form:{},
      purchaseShow:false,
      entryShow:false,
      dimissionShow:false,
      reimburseShow:false,
      contracteShow:false,
      currencyShow:false,
      leaveShow:false,
      adjustmentShow:false,
      trainShow:false,
      evectionShow:false,
      //报销单
      listItem:{},//保存当前点击数据
      approvalOptions:[],
      copyer:{},
      copyerOptions:[],
      showApprove:false,
      showApproval2:false,
      showApproval3:false,
      textShow:false,//意见弹框
      textNOShow:false,
      textArea:'',
      active:0,//进度条

    // 数据类型
      leaveTypeOptions:[],
      postOptions:[],
      deptOptions:[],
      expanseAccountOptions:[],
      contractTypeOptions:[],

      ProcessedList:[],//我处理的
      approvalSponorList:[],//我发起的
      copyList:[],//抄送待办
      // copyerOptions:[],
      radio:'2',
      value1:[],
      userlistoptions:[],

    }
  },
  created() {
this.getApprovalList()
    this.getrankuser()
  },
  methods:{
    inputfn(val){

    },
    // 查询主管级别用户
    getrankuser(){
      getuserrank({rank:"主管",pageSize:1000}).then(res=>{
        this.userlistoptions=res.rows
      })
    },
    changeuseroptions(val){
      this.form.approverName=null
      val.forEach(ids=>{
        this.userlistoptions.forEach(item=>{
          if(ids==item.userId){
            if(this.form.approverName==null){
              this.form.approverName=item.userName
            }else {
              this.form.approverName= this.form.approverName+','+item.userName
            }
          }
        })
      })
    },
    //筛选
    filterTag(value,row,column){
      return row.copyerStatus === value;

    },
    async handleClick(tab, event) {
      console.log(tab, event);
      if(tab.index==='3'){
        let res=await getrRescordProcessedList({approverId:this.$store.getters.id})
        this.ProcessedList=res.rows
      }
      if(tab.index==='2'){
     let res=await listRecordSponorList({sequence:1,approverId:this.$store.getters.id})
        this.approvalSponorList=res.rows
      }
      if(tab.index==='1'){
        let res=await listCopy({copyerId: this.$store.getters.id})
        this.copyList=res.rows
      }
      if(tab.index==='0'){
       await this.getApprovalList()
      }
    },
    // 延迟处理
    async  deferredNoFn(){
      await updateRecord({
        typeOperation: "deferred",
        serialNum :this.listItem.serialNum,
        deferredRemark:this.deferredRemark,
      })
      this.deferredShow=false
      this.$message.success('操作成功')
      this.butonShow=false
      await this.openApprover(this.listItem)

    },

    deferredClear(){
      this.deferredShow=false
      this.deferredRemark=''
    },
    close(){
      this.butonShow=false
    },
    //撤回
    async recallFn(val){
      await updateRecord({
        typeOperation: "recall",
        serialNum :val.serialNum,
      })
      this.$message.success('撤回成功，可在修改后再次提交')
      await this.getList();
    },
    //重新提交

    //获取我的待办数据
    async getApprovalList(){
      let res=await listRecord({approvalStatus:'approve',approverId:this.$store.getters.id})
      this.approvalList=res.rows
      console.log(this.approvalList)
    },
    //回显处理
    getValue(arr, item) {
      for (let i = 0; i < arr.length; i++) {
        if (item === arr[i].dictValue) {
          return arr[i].dictLabel
        }
      }
    },
    //1.获取请假类型
    getLeaveType() {
      getDicts('leave_type').then(res => {
        // console.log(res)
        this.leaveTypeOptions = res.data
      })
    },
    /** 查询部门下拉树结构 */
    getDeptTree() {
      deptTreeSelect().then(response => {
        this.deptOptions = response.data;
        console.log(response.data)
      });
    },
    async getPostlistOPtions(){
      let res=await listPost()
      this.postOptions=res.rows
      console.log(this.postOptions)
    },
    getValue2(arr, item) {
      for (let i = 0; i < arr.length; i++) {
        if (item == arr[i].postId) {
          return arr[i].postName
        }
      }
    },
    //查询对应部门
    getdeptName(arr,item){
      for (let i = 0; i < arr.length; i++) {
        if (item.deptId == arr[i].id) {
          return arr[i].label
        }
        if(arr[i].children){
          console.log('11')
          return this.getdeptName(arr[i].children,item)
        }
      }
    },
    //报销选项
    async getexpenseAccountOptions(){
      let res=await getDicts('expense_account_type')
      this.expanseAccountOptions=res.data
    },
    //查询对应部门
    getdeptName2(arr,item){
      for (let i = 0; i < arr.length; i++) {
        if (item.sponsorDept == arr[i].id) {
          return arr[i].label
        }
        if(arr[i].children){
          console.log('11')
          return this.getdeptName2(arr[i].children,item)
        }
      }
    },
    getcontractTYpe(){
      getDicts('contract_type').then(res=>{
        this.contractTypeOptions=res.data
      })

    },
    //点击查看详情
    async clickInfo(val){
      console.log(val)
      if(val.serialNum.substr(0,4)=='QJGL'){
        this.leaveShow=true
        let res=await listLeave({serialNum:val.serialNum})
        await this.getLeaveType()
        res.rows.forEach(item=>{
          item.leaveType = this.getValue(this.leaveTypeOptions, item.leaveType)
        })
        this.form=res.rows[0]
        this.listItem=this.form
      }
      if(val.serialNum.substr(0,4)=='ZWXZ'){
        this.adjustmentShow=true
        let res=await listAdjustment({serialNum:val.serialNum})
        await this.getPostlistOPtions()
        res.rows.forEach(item=>{
          item.postId=item.position
          item.position=this.getValue2(this.postOptions,item.postId)
          item.targetPostId=item.targetPosition
          item.targetPosition=this.getValue2(this.postOptions,item.targetPostId)
          item.deptName=this.getdeptName(this.deptOptions,item)


        })
        this.form=res.rows[0]
        this.listItem=this.form
      }
   if(val.serialNum.substr(0,5)=='BXDGL'){
     this.reimburseShow=true
     let res=await listReimburse({serialNum:val.serialNum})
     await this.getexpenseAccountOptions()
     res.rows.forEach(item=>{
       item.matter=this.getValue(this.expanseAccountOptions,item.matter)
     })
     this.form=res.rows[0]
     this.listItem=this.form
   }
      if(val.serialNum.substr(0,4)=='PXGL'){
        this.trainShow=true
        let res=await listTrain({serialNum:val.serialNum})
        res.rows.forEach(item=>{
          item.sponsorDeptName=this.getdeptName2(this.deptOptions,item)
          console.log(item.sponsorDeptName)
        })
        this.form=res.rows[0]
        this.listItem=this.form
      }
   if(val.serialNum.substr(0,4)=='FWSP'){
        this.contracteShow=true
        let res=await listContract({serialNum:val.serialNum})
        await this.getcontractTYpe()
     res.rows.forEach(item=>{
       item.contractType=this.getValue(this.contractTypeOptions,item.contractType)
     })
        this.form=res.rows[0]
        this.listItem=this.form
      }
      if(val.serialNum.substr(0,4)=='CCSQ'){
        this.evectionShow=true
        let res=await listEvection({serialNum:val.serialNum})
        this.form=res.rows[0]
        this.listItem=this.form
      }
      if(val.serialNum.substr(0,4)=='TYSQ'){
        this.currencyShow=true
        let res=await listCurrency({serialNum:val.serialNum})
        this.form=res.rows[0]
        this.listItem=this.form
      }
      if(val.serialNum.substr(0,4)=='CGSQ'){
        this.purchaseShow=true
        let res=await listPurchase({serialNum:val.serialNum})
        console.log(res)
        this.form=res.rows[0]
        this.listItem=this.form
      }
      if(val.serialNum.substr(0,4)=='RZSQ'){
        this.entryShow=true
        let res=await listOaEntry({serialNum:val.serialNum})
        console.log(res)
        this.form=res.rows[0]
        this.listItem=this.form
      }
      if(val.serialNum.substr(0,4)=='LZSQ'){
        this.dimissionShow=true
        let res=await listOaDimission({serialNum:val.serialNum})
        console.log(res)
        this.form=res.rows[0]
        this.listItem=this.form
      }



    },
   async  copyInfo(val){
      if(val.serialNum.substr(0,4)=='QJGL'){
        this.leaveShow=true
        let res=await listLeave({serialNum:val.serialNum})
        await this.getLeaveType()
        res.rows.forEach(item=>{
          item.leaveType = this.getValue(this.leaveTypeOptions, item.leaveType)
        })
        this.form=res.rows[0]
        this.listItem=this.form
      }
      if(val.serialNum.substr(0,4)=='ZWXZ'){
        this.adjustmentShow=true
        let res=await listAdjustment({serialNum:val.serialNum})
        await this.getPostlistOPtions()
        res.rows.forEach(item=>{
          item.postId=item.position
          item.position=this.getValue2(this.postOptions,item.postId)
          item.targetPostId=item.targetPosition
          item.targetPosition=this.getValue2(this.postOptions,item.targetPostId)
          item.deptName=this.getdeptName(this.deptOptions,item)


        })
        this.form=res.rows[0]
        this.listItem=this.form
      }
      if(val.serialNum.substr(0,5)=='BXDGL'){
        this.reimburseShow=true
        let res=await listReimburse({serialNum:val.serialNum})
        await this.getexpenseAccountOptions()
        res.rows.forEach(item=>{
          item.matter=this.getValue(this.expanseAccountOptions,item.matter)
        })
        this.form=res.rows[0]
        this.listItem=this.form
      }
      if(val.serialNum.substr(0,4)=='PXGL'){
        this.trainShow=true
        let res=await listTrain({serialNum:val.serialNum})
        res.rows.forEach(item=>{
          item.sponsorDeptName=this.getdeptName2(this.deptOptions,item)
          console.log(item.sponsorDeptName)
        })
        this.form=res.rows[0]
        this.listItem=this.form
      }
      if(val.serialNum.substr(0,4)=='FWSP'){
        this.contracteShow=true
        let res=await listContract({serialNum:val.serialNum})
        await this.getcontractTYpe()
        res.rows.forEach(item=>{
          item.contractType=this.getValue(this.contractTypeOptions,item.contractType)
        })
        this.form=res.rows[0]
        this.listItem=this.form
      }
      if(val.serialNum.substr(0,4)=='CCSQ'){
        this.evectionShow=true
        let res=await listEvection({serialNum:val.serialNum})
        this.form=res.rows[0]
        this.listItem=this.form
      }
      if(val.serialNum.substr(0,4)=='TYSQ'){
        this.currencyShow=true
        let res=await listCurrency({serialNum:val.serialNum})
        this.form=res.rows[0]
        this.listItem=this.form
      }
     if(val.serialNum.substr(0,4)=='CGSQ'){
       this.purchaseShow=true
       let res=await listPurchase({serialNum:val.serialNum})
       console.log(res)
       this.form=res.rows[0]
       this.listItem=this.form
     }
     if(val.serialNum.substr(0,4)=='RZSQ'){
       this.entryShow=true
       let res=await listOaEntry({serialNum:val.serialNum})
       console.log(res)
       this.form=res.rows[0]
       this.listItem=this.form
     }
     if(val.serialNum.substr(0,4)=='LZSQ'){
       this.dimissionShow=true
       let res=await listOaDimission({serialNum:val.serialNum})
       console.log(res)
       this.form=res.rows[0]
       this.listItem=this.form
     }

    //  修改抄送人状态
     await copyrecodUpdata({copyerId:this.$store.getters.id,serialNum:val.serialNum})
      let tab={index:'1'}
      await this.handleClick(tab)
    },
    async openApprover(val){
      this.showApprove=true
      // let res1=await listReimburse({serialNum:val.serialNum})
      this.listItem.serialNum=val.serialNum
      this.active=0
      // 查询审批记录
      let res=await listRecord({serialNum:val.serialNum})
      var arr=res.rows
      for(var i=0;i<arr.length;i++){
        for(var j=i+1;j<arr.length;j++){
          //如果第一个比第二个大，就交换他们两个位置
          if( arr[i].sequence>arr[j].sequence){
            var temp = arr[i];
            arr[i] = arr[j];
            arr[j] = temp;
          }
        }
      }
      arr.forEach(item=>{
        if(item.approvalStatus=='completed'){
          this.active++
        }
      })
      this.approvalOptions=arr
      //判断按钮是否显示
      this.approvalOptions.forEach(item=>{
        if(item.approvalStatus=='approve'){

          if(this.$store.getters.id===item.approverId){

            this.buttonShow=true
          }
        }
      })
    //  查询抄送详情
      let res2=await listCopy({serialNum:val.serialNum})
      this.copyerOptions=res2.rows
    },
    //审批意见框关闭事件
    textClear(){
      this.textArea=''
      this.textShow=false
      this.textNOShow=false
    },
    //审批判断
    async approvalFn(){

      await updateRecord({
        typeOperation: "agree",
        serialNum :this.listItem.serialNum,
        remark:this.textArea,
        appendApprovedUserIds:this.value1.join(',')
      })
      await this.$message.success('审批成功')
      //审批意见框关闭
      this.textShow=false
      this.butonShow=false
      await this.openApprover(this.listItem)
    },

    async approvalNoFn(){
      await updateRecord({
        typeOperation: "rejected",
        serialNum :this.listItem.serialNum,
        remark:this.textArea,
      })
      //审批意见框关闭
      this.textShow=false
      await this.$message.success('驳回成功')
      this.butonShow=false
      await this.openApprover(this.listItem)
    },
  }

}
</script>

<style scoped>

</style>
